<template>
	<view>
		<cu-custom class="text-Black" bgColor="bg-red" :isBack="true">
			<block slot="backText"></block>
			<block slot="content">关于我们</block>
		</cu-custom>
		<view class="cu-list menu margin-top">
			<view class="cu-item arrow" @tap="goPage('/pages/site/single_detail?id=2')">
				<view class="content">注册协议</view>
			</view>
			<!-- <view class="cu-item arrow" @tap="goPage('/pages/site/single_detail?id=3')">
				<view class="content">隐私协议</view>
			</view>
			<view class="cu-item arrow" @tap="goPage('/pages/site/single_detail?id=4')">
				<view class="content">充值协议</view>
			</view> -->
		</view>
		<view class="margin-top bg-white padding" v-if="detail">
			<rich-text :nodes="detail.content"></rich-text>
		</view>
		<Foot></Foot>
	</view>
</template>

<script>
	import Foot from '@/components/default/foot.vue'
	export default {
		components: {
			Foot,
		},
		data() {
			return {
				detail: null
			}
		},
		onLoad(options) {
			this.getDetail()
		},
		methods: {
			getDetail() {
				this.$http
					.get('article_signle', {
						id: 1
					})
					.then((response) => {
						this.detail = response.data.data
						uni.stopPullDownRefresh()
					})
					.catch((response) => {
						console.log(response)
						uni.stopPullDownRefresh()
						this.$common.showErrorModal('信息有误')
					})
			}
		},
	}
</script>

<style>
</style>
